// 主页面
import Header from "@/components/header";
import Index from "./index/index";
import { useState, useEffect } from "react";
function Layout() {
    // 当前导航
    const [indexNum, setindexNum] = useState(0);
    // 滑动
    const scrollToTop = (item, num) => {
        console.log(item, num);
        setindexNum(num);
        window.scrollTo({
            top: num * 550,
            behavior: "smooth",
        });
    };

    useEffect(() => {
        // 监听滚动条位置
        const handleScroll = () => {
            // if (window.scrollY < 500) {
            //     setindexNum(0);
            // }
            // if (window.scrollY > 500 && window.scrollY < 1000) {
            //     setindexNum(1);
            // }
            // if (window.scrollY > 1000 && window.scrollY < 1500) {
            //     setindexNum(2);
            // }
        };
        window.addEventListener("scroll", handleScroll);
        return () => window.removeEventListener("scroll", handleScroll);
    }, []);

    return (
        <>
            <Header index={indexNum} navClick={scrollToTop}></Header>
            <Index></Index>
        </>
    );
}

export default Layout;
